
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>

<link href="css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"> 
$(function(){
	
	// 移到留言上可以删除,编辑-------------------------------------------
		$('#mian .list .onep').hover(function() {
			$(this).find('a').show();
			$(this).find('.edit_a').show();
			$(this).find('.content').addClass('content1');
		}, function() {
			$(this).find('a').hide();
			$(this).find('.edit_a').hide();
			$(this).find('.content').removeClass('content1');
		});

   // 留言方式的切换------------------------------------------------
		var c=1;
		$('.close').click(function(event) {
			if(c==1){
				$('#right').stop().animate({"top": 800+'px'},2000).parent().parent().find('#bottom_out').stop().animate({"bottom": 0+'px'},3000);
				c=0;
			}else{
				$('#right').stop().animate({"top": 50+'px'},2000).parent().parent().find('#bottom_out').stop().animate({"bottom": -120+'px'},3000);
				c=1;
			}
		});
               
	     var nickname = $('#right input[name="username"]');
	     var nickname = $('#right input[name="sex"]');
	     var content = $ ('#right textarea');
	     alert(content.val());
	     //nickname.val("赵高")；
	     //console.log(nickname);
})
         var url "getrowbyid.php";
         function onupdate(id){
         	$.get(url,{id:id},
         		function(data){
         			var data = eval("("data")");
         			i+(data.status==1){
         				$("#right input[name='username']").val(data.info.username);
         				for(var i=0;i<2;i++){
         					str = "男";
         					if(str===data.info.sex){
         						$("#right input:radio[name='sex']")eq(i).attr("checked",true);;
         						break;
         					}
         				}
         			   $("#right textarea[name='message']").text(date.info.content);
         			   for(var i=1;i<5;i++){
         			   	str = "images/"+i+".jpg";
         			   	if(str===fata.info.avater){
         			   		$("#right input:radio")
         			   	}
         			   }
         			}
         		})
         }

</script>

</head>

<body>
<div id="top">
		<h1>留言板<?php
      $name="张三";
      echo $name;
      echo "hello"
  ?></h1>
</div>

<div id="mian_out">
	  <div id="mian">
			<h2>其它人都说了什么</h2>
			<ul class="list">
                            <?php
                              require_once './db_conn.php';
                              $sql = "SELECT * FROM  t_message ";
                              $result = $conn->query($sql);
                              //print_r($result);
                              //die;
                              
                              ?>
                            <?php if ($result->num_rows > 0) : ?>
                            <?php
                            $rows = $result->fetch_all(MYSQLI_ASSOC);
                            //echo "<pre>";
                            //print_r($rows);
                            //die;

                            foreach($rows as $row) : ?>
                                      
      					<li class="onep">

                                     <p class="pic"><img src="<?php echo $row["avater"]; ?>"alt=""</p>                                                                             
					<p class="name"><?php echo $row["username"]; ?></p>
					<p class="content"><?php echo $row["content"]."". date("Y/m/d h:i:s") . "<br>" ; ?>                  
					</p>
					<a class="edit_a"  onclick="onupdate(<?php echo $row['id']; ?>)" >修改</a>
					<a class="delete" href="javascript:" onclick="if(confirm('确定删除吗？')) location.href='delete.php?id=<?php echo $row["id"]; ?>'" >删除</a>
				</li>
                 <?php endforeach;?>  
                   <?php else: ?>
                   <?php endif; ?>
				        </ul>
   </div>
   
   <div id="right">
			<h2>留下你的脚步吧</h2>
			<form action="upadd.php" method="post">
				<p class="one">
				昵称:<input class="name" name="username" type="text"  placeholder="你的名字" />
				<input type="radio" name="sex" value="男" checked="checked" />男侠
				<input type="radio" name="sex" value="女" />女侠 
				</p>
				<p><textarea name="message" placeholder="这个人很懒,什么都没有写" >axb</textarea></p>
				<p class="tow">
					<input type="radio" name="imgurl" value="images/1.jpg" checked="checked" /><img src=" images/1.jpg" alt="" />
					<input type="radio" name="imgurl" value="images/2.jpg" /><img src=" images/2.jpg" alt="" />
					<input type="radio" name="imgurl" value="images/3.jpg" /><img src=" images/3.jpg" alt="" />
					<input type="radio" name="imgurl" value="images/4.jpg" /><img src=" images/4.jpg" alt="" />
				</p>
				<p class="thr"><input class="btn" type="submit" value="提交" /></p>
			</form>
			<div class="close"></div>
</div>
   
</div>

<div id="bottom_out">
		<div id="bottom">
			<form action="upadd.php" method="post">
				<p class="one">
				昵称:<input class="name" name="username" type="text" placeholder="大爷你的名字" />
				<br/><br/>
				<input type="radio" name="sex" value="男" checked="checked" />男侠
				<input type="radio" name="sex" value="女" />女侠
				</p>
				<p><textarea name="message" placeholder="这个人很懒,什么都没有写" ></textarea></p>
				<p class="tow">
                                    <?php
                                    $imgarr = array("1","2","3","4");
                                    ?>
                                    <?php foreach ($imgarr as $value) :?>
                                    <input type="radio" name="imgurl" value="images/<?php echo "$value"?>.jpg" /><img src=" images/<?php echo "$value"?>.jpg" alt="" />
                                     <?php endforeach;?>

                                    
					<!--input type="radio" name="imgurl" value="images/1.jpg" checked="checked" /><img src=" images/1.jpg" alt="" />
					<input type="radio" name="imgurl" value="images/2.jpg" /><img src=" images/2.jpg" alt="" />
					<input type="radio" name="imgurl" value="images/3.jpg" /><img src=" images/3.jpg" alt="" />
					<input type="radio" name="imgurl" value="images/4.jpg" /><img src=" images/4.jpg" alt="" /-->
				</p>
				<p class="thr"><input class="btn" type="submit" value="提交" /></p>
			</form>
			<div class="close"></div>
		</div>
</div>

</body>
</html>
